<template>
    <view class="h-10 py-1 flex justify-between items-center border-b border-gray-800">
        <view class="logo w-8 h-8 flex items-center">
            <!-- <image class="h-full w-full" src="/static/logo.png" mode="aspectFit" /> -->
            <text class="text-accent text-xl font-bold">FilmHub</text>
        </view>
        <view class="flex items-center">
            <navigator url="/pages/login/login" v-if="!userStore.isLogin" class="text-gray-400 text-sm">登录</navigator>
            <image
                v-else
                class="w-8 h-8 rounded-full"
                :src="userStore.userinfo.avatar || '/static/logo.png'"
                mode="aspectFit" />
        </view>
    </view>
</template>

<script setup lang="ts">
import { useUserStore } from "@/stores/user";

const userStore = useUserStore();
</script>

<style scoped lang="scss"></style>
